<script setup>
import { defineEmits } from 'vue';

// 使用defineEmits创建名称，接受一个数组
const emit = defineEmits(["onMainIndexEven"])
const clickChild=(value)=>{
  console.log(value)
  //传递给父组件
  emit('onMainIndexEven',value)
}
</script>

<template>
  <div>
    <n-tabs size="large" default-value="1" justify-content="start" style="margin-left: 30px;" :animated="true"
            :on-update:value="clickChild">
      <n-tab-pane name="1" tab="赛事映射">
      </n-tab-pane>
      <n-tab-pane name="2" tab="当前赛事">
      </n-tab-pane>
      <n-tab-pane name="3" tab="监控记录">
      </n-tab-pane>
      <n-tab-pane name="4" tab="最近投注">
      </n-tab-pane>
      <n-tab-pane name="5" tab="系统设置">
      </n-tab-pane>
    </n-tabs>
  </div>


</template>


<style scoped>
.n-tabs-tab-pad {
  width: 80px;
}
</style>
